@charset "UTF-8";
@import '../themes/default.scss';
@import '../mixins/index.scss';

$componentPrefix: initPrefix();

$component: $componentPrefix;

// 通用分割线 ft-common-line ft-common-line--fill
.ft-gap {
  /* #ifndef APP-NVUE */
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-shrink: 0;
  /* #endif */
  height: $ft-spacing-v-lg;

  // ft-common-line--fill
  &--fill {
    @extend .ft-gap;
    background-color: $ft-background-df;
  }

  // modifiers
  &--light {
    background-color: $ft-background-light;
  }

  &--light-fill {
    background-color: $ft-background-light;
  }

  &--safe {
    /* #ifndef APP-PLUS */
    @include safe-area($position: bottom);
    /* #endif */
  }
}

.ft-gap__sm {
  height: $ft-spacing-v-sm !important;
}

.ft-gap__md {
  height: $ft-spacing-v-md !important;
}

.ft-section-line {
  background-color: $ft-background-df;
  padding: $ft-spacing-h-sm $ft-spacing-h-lg $ft-spacing-h-xs $ft-spacing-h-lg;
  color: $ft-text-color-df;
  font-size: $ft-font-size-sm;
}
